<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<!-- 移动设备的支持 -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!-- ie8 标准版的渲染模式 -->
		<meta http-equiv="X-UA-Compatible" content="edge" />
		<title>个人博客-关于我</title>
		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/font-awesome.css"/>
		<link rel="icon" href="img/面具.ico" type="image/x-icon">
		<link rel="shortcut icon" href="img/面具.ico" type="image/x-icon">
		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="bootstrap/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/aboutme.css"/>
	</head>
	<body class="demo">
		<div class="viedodiv hidden-sm hidden-xs">
		<img src="img/1585904077956.gif">
				<div class="spaceHeader ">
					<h1>ABOUT ME</h1>
				</div>
				<div class="back">
					<a href="index.jsp"><img src="img/down.png" alt="" title="返回到首页"></a>
				</div>
				<div class="downImg">
					<span class="glyphicon glyphicon-triangle-bottom btn-lg" style="color: white;"></span>
				</div>
			</div>
			<div class="menu hidden-xs" data-target=".mengbang">
				<div></div>
				<div></div>
				<div></div>
			</div>
			<!-- 蒙版 -->
		<div class="mengbang text-center" >
			<ul class="list-unstyled">
				<li>
					<a href="index.jsp">主页</a>
					<hr >
				</li>
				<li>
					<a href="catalog.jsp">博文目录</a>
					<hr >
				</li>
				<li>
					<a href="#">个人笔记</a>
					<hr >
				</li>
			</ul>
		</div>
		
		<!-- 导航条 -->
		<div class="head-nav hidden-lg hidden-md"></div>
		<!-- 导航条结束 -->
			<div class="container">
				<div class="row">
					<div class="col-sm-12 myInfo " >
					<div class="row">
					<div class="col-xs-4">
					  <div class="thumbnail">
					    <img src="img/5d75885d3d16837058aec4bb71ed6967e693d28e_naans-blog-img.jpeg" alt="">
					    <div class="caption">
					      <h3>FOOD</h3>
					      <p><em>从小有个梦想-就是想享受天下所有美食<br>不管是川菜粤菜鲁菜湘菜...好吃的都是我的菜</em></p>
					    </div>
					  </div>
					</div>
					  <div class="col-xs-4">
						    <div class="thumbnail">
						      <img src="img/e63d28789197edf06b45446c3becd9e1a44314ed_website_low_res.jpg" alt="">
						      <div class="caption">
						        <h3>MUSIC</h3>
						        <p><em>没有音乐天赋的我依旧喜欢音乐-说白了就是喜欢听歌尤其是比较经典的歌曲</em></p>
						      </div>
						    </div>
						  </div>
						<div class="col-xs-4">
						  <div class="thumbnail">
						    <img src="img/旅行.jpg" alt="...">
						    <div class="caption">
						      <h3>TRAVEL</h3>
						      <p><em>喜欢自驾游旅行...<br>可是偏偏只有独行..</em></p>
						    </div>
						  </div>
						</div>
						</div>
						<div class="row">
						<div class="col-xs-4">
						  <div class="thumbnail">
						    <img src="./img/办公.png" alt="...">
						    <div class="caption">
						      <h3>Hello World</h3>
						      <p><em>Hello World是所有程序员的开始吧<br>也是"新生活"的开始<br></em></p>
						    </div>
						  </div>
						</div>
						<div class="col-xs-4">
						  <div class="thumbnail">
						    <img src="./img/game.jpg" alt="...">
						    <div class="caption">
						      <h3>GAME</h3>
						      <p><em>喜欢游戏是一种恶性<br>如果非要喜欢的话<br>那就叫上小伙伴一起嗨</em></p>
						    </div>
						  </div>
						</div>
						<div class="col-xs-4">
						  <div class="thumbnail">
							  	<img src="img/erosion.jpg" >
						    <div class="caption">
						      <h3>EROSION</h3>
						      <p><em>简单概括一下人生-糜烂而又充实</em></p>
						    </div>
						  </div>
						</div>
						</div>
						<!-- 自我描述-->
						<div class="describe">
							<h4>内心独白 <span class="glyphicon glyphicon-heart"></span> <i class="fa fa-long-arrow-left" aria-hidden="true"></i></h4>
							<p>
								我是一名普普通通的程序猿，虽然本站是由我本人独自完成---从开始制作设计前端页面到发布到服务器我一共耗时了36天16个小时，此站也只用于自己学习成果的展示<svg t="1585197826085" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="983" data-spm-anchor-id="a313x.7781069.0.i0" width="16" height="16"><path d="M512 960c-60.473 0-119.145-11.847-174.387-35.213-53.35-22.564-101.259-54.865-142.397-96.003-41.138-41.138-73.438-89.047-96.003-142.397C75.848 631.145 64 572.473 64 512s11.848-119.145 35.213-174.387c22.564-53.35 54.865-101.259 96.003-142.397 41.139-41.139 89.048-73.439 142.397-96.003C392.855 75.847 451.527 64 512 64s119.145 11.847 174.387 35.213c53.35 22.564 101.259 54.865 142.397 96.003 41.138 41.138 73.438 89.047 96.003 142.397C948.152 392.855 960 451.527 960 512s-11.848 119.145-35.213 174.387c-22.564 53.35-54.865 101.259-96.003 142.397-41.139 41.139-89.048 73.439-142.397 96.003C631.145 948.153 572.473 960 512 960z m0-864C282.617 96 96 282.617 96 512s186.617 416 416 416 416-186.617 416-416S741.383 96 512 96z" fill="#2c2c2c" p-id="984"></path><path d="M512 816c-97.047 0-176-78.953-176-176 0-8.836 7.163-16 16-16s16 7.164 16 16c0 79.402 64.599 144 144 144s144-64.598 144-144c0-8.836 7.163-16 16-16s16 7.164 16 16c0 97.047-78.953 176-176 176zM376.057 401.915c-3.13-3.972-6.42-7.703-9.78-11.33-6.754-7.203-13.925-13.779-21.402-19.898-3.744-3.051-7.605-5.926-11.624-8.565-4.023-2.633-8.192-5.045-12.465-7.302-8.567-4.482-17.334-8.666-25.686-13.471l-12.573-7.141-12.625-7.062-12.706-6.941-12.759-6.862c-17.089-9.034-34.146-18.114-51.55-26.675l-1.775 2.663c14.596 12.772 29.538 25.026 44.45 37.325l11.241 9.138 11.294 9.059 11.375 8.938 11.427 8.859c7.647 5.862 14.881 12.345 22.314 18.529a175.736 175.736 0 0 0 3.816 3.052C278.432 386.749 256 410.748 256 440c0 30.928 25.072 56 56 56s56-25.072 56-56a55.73 55.73 0 0 0-7.659-28.259 159.17 159.17 0 0 0 7.603 2.344c2.442 0.67 4.901 1.315 7.424 1.864a84.006 84.006 0 0 0 7.745 1.382l1.775-2.663a83.94 83.94 0 0 0-4.255-6.618c-1.477-2.117-3.018-4.139-4.576-6.135zM831.113 286.669c-17.404 8.561-34.462 17.641-51.55 26.675l-12.759 6.862-12.706 6.941-12.625 7.062-12.573 7.141c-8.353 4.804-17.119 8.988-25.686 13.471-4.273 2.257-8.443 4.669-12.465 7.302-4.019 2.639-7.88 5.514-11.624 8.565-7.477 6.118-14.648 12.695-21.402 19.898-3.36 3.627-6.65 7.358-9.78 11.33-1.558 1.997-3.099 4.018-4.576 6.136a83.94 83.94 0 0 0-4.255 6.618l1.775 2.663a84.006 84.006 0 0 0 7.745-1.382c2.523-0.548 4.982-1.194 7.424-1.864 2.575-0.72 5.104-1.51 7.603-2.344A55.718 55.718 0 0 0 656 440c0 30.928 25.072 56 56 56s56-25.072 56-56c0-29.252-22.432-53.251-51.03-55.768 1.283-1 2.558-2.014 3.816-3.052 7.433-6.184 14.667-12.667 22.314-18.529l11.427-8.859 11.375-8.938 11.294-9.059 11.241-9.138c14.912-12.299 29.854-24.553 44.45-37.325l-1.774-2.663z" fill="#2c2c2c" p-id="985"></path></svg>..但是技术渣，学习的东西还挺多的<br>
								为什么要搞这种要掉头发的职业呢？是因为爱吗？其实不是，在我小学的时候就"计算机"感兴趣(其实就是电脑游戏)，逐渐长大以后呢就会去思考，比如：这个游戏是怎么制作出来的呢，网页又是怎么做出来的呢？抱着这种思想我就渐渐的如了这个"坑",作为一个普通人选择这一行首先是为了自己，第二也是入门后的兴趣，我会对自己认定的东西比较执着，所以很多时候呢会比较累
								但是，既然是自己选择的东西哪怕是跪着也要走完是吧。有时也觉得自己挺幸运的，毕竟这个东西学出来也是一门技术，也不用在外面风吹雨晒的多好！哈哈<br>
								还是那么一句话:人生糜烂而又充实...学习使我快乐，人的一生都是不断学习滴！谦卑学习，方可进步！
							</p>
						</div>
					</div>
				</div>
			</div>
		<div class="myfooter"></div>
	</body>
	<script src="js/aboutme.js" type="text/javascript" charset="utf-8"></script>
</html>
